
// 将空间的颜色分成主要颜色——60%，次要颜色——30%，以及辅助颜色——10%。
// 即 主要背景色、次要背景色、辅助背景色
//    主要字体色、次要字体色、辅助字体色
//    border颜色

// light 主题风格
:root {
  // 整体风格
  --bg-major-color: #fff;
  --bg-minor-color: #eee;
  --bg-sub-color: #ccc;
  --font-major-color: #333;
  --font-minor-color: #666;
  --font-sub-color: #999;
  --border-color: #e5e5e5;
  // 特殊风格
  --navigator-border-color: #29a97e; // 顶部导航底部线-激活颜色
}

// dark 主题风格
html.dark {
  --bg-major-color: #1a1a1a;
  --bg-minor-color: #2a2a2a;
  --bg-sub-color: #3a3a3a;
  --font-major-color: #fff;
  --font-minor-color: #ccc;
  --font-sub-color: #999;
  --border-color: #696969;
  // 特殊风格
  --navigator-border-color: #29a97e; // 顶部导航底部线-激活颜色
}
